<template>
  <div class="bodys">
   <!-- <router-link to="/invoices" v-if="invoice == 1">
      <p style="color: #000;">发票 <span><img src="/static/img/rectang.png" alt=""></span></p>
    </router-link>-->
    <p class="message">
      <span style="float: left;">买家留言</span>
      <input type="text" style="margin-top: 3vw" placeholder="最多不能超过50个字" maxlength="50" v-model="postscriptVal" @change="postscript">
    </p>

  </div>
</template>

<script>
  export default {
    name: "invoice",
    data(){
      return{
        invoice:0,//发票
        postscriptVal:''
      }
    },
    methods: {
      postscript(){
        this.$emit('postscript',this.postscriptVal)
      }
    }
  }
</script>

<style scoped lang="scss">
  .bodys{
    width:92vw;
    height: auto;
    border-radius: 2.5vw;
    margin: 0px auto;
    background: #fff;
    box-shadow: 1px 0 1px 0px #ccc;
    overflow: hidden;
    .message{
      white-space: nowrap;
    }
    p{
      width: 100%;
      height: 13.33vw;
      line-height: 13.33vw;
      float: left;
      text-indent: 2.5vw;
      font-size: 15px;
      input::placeholder{
        color: #999999;
      }
      span{
        float: right;
        margin-right: 2.5vw;
        img{
          width:2.33vw;
          height: 2.67vw;
          display: inline-block;
        }
      }
    }
  }
</style>
